@charset "CP850";
/* 
Document   : style
Created on : 19/01/2013, 21:07:06
Author     : Gabriel Almeida

*/
/*VARIÁVEIS*/
@font-face {
  font-family: adinekir;
  font-style: normal;
  font-weight: normal;
  src: url("../font/adinekir.eot"); }

/*MIXINS*/
* {
  padding: 0;
  margin: 0; }

.left {
  float: left; }

.right {
  float: right; }

body {
  background: #D6D4D4; }

#conteiner {
  width: 1000px;
  background: trsnsparent;
  margin: 0 auto;
  text-decoration: none; }
  #conteiner #header {
    width: 100%;
    height: 150px;
    background: aqua; }
    #conteiner #header #logo {
      width: 300px;
      height: 100%;
      position: relative;
      background: url("../img/logo.png");
      display: inline-block; }
    #conteiner #header .barra-banner {
      width: 690px;
      height: 30px;
      background: trsnsparent;
      display: inline-block;
      position: relative;
      top: -130px; }
      #conteiner #header .barra-banner p {
        font: 500 0.9em Arial;
        color: #005da4; }
    #conteiner #header .login {
      width: 650px;
      height: 30px;
      display: inline-block;
      position: relative;
      top: -60px;
      left: 370px; }
      #conteiner #header .login input.text {
        width: 200px;
        height: 30px;
        font: 500 1.2em Arial; }
      #conteiner #header .login label {
        font: 500 1.2em Arial;
        color: #005da4; }
      #conteiner #header .login input.log-in {
        position: relative;
        top: 0px;
        left: 5px;
        width: 65px;
        height: 25px;
        background: url("../img/Log-In.png"); }
    #conteiner #header #busca {
      width: 250px;
      height: 50px;
      background: transparent;
      display: inline-block;
      position: relative;
      left: 400px;
      top: -20px;
      border-radius: 20px; }
      #conteiner #header #busca img.ajusta-botao-busca {
        position: relative;
        top: 8px; }
      #conteiner #header #busca .search {
        width: 200px;
        height: 30px;
        border-radius: 20px; }
  #conteiner #banner {
    width: 100%;
    height: 400px;
    background: url("../img/banner.png") repeat-x;
    position: absolute;
    left: 0;
    top: 150px;
    box-shadow: 2px 2px 2px black;
    z-index: 1; }
  #conteiner #content {
    width: 100%;
    height: 900px;
    background: trsnsparent;
    position: relative;
    top: 406px;
    z-index: 0;
    z-index: 2; }
    #conteiner #content .container-menu {
      width: 100%;
      background: transparent;
      height: 40px;
      position: relative;
      top: -46px; }
      #conteiner #content .container-menu ul {
        padding-left: 200px; }
        #conteiner #content .container-menu ul li {
          float: left;
          padding: 20px 20px 20px 20px;
          color: white; }
          #conteiner #content .container-menu ul li:hover {
            color: red;
            cursor: pointer; }
    #conteiner #content .portifolio {
      width: 900px;
      height: 350px;
      background: #c1c1c1;
      margin-top: 70px;
      border-radius: 5px;
      margin-left: 50px; }
      #conteiner #content .portifolio img.img-ponta {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 70px;
        left: 550px; }
      #conteiner #content .portifolio .img-portf {
        width: 210px;
        height: 255px;
        background: white;
        border-radius: 8px;
        position: relative;
        top: 50px;
        left: 50px;
        display: inline-block;
        margin-left: 30px;
        border: 3px solid transparent; }
        #conteiner #content .portifolio .img-portf img {
          padding: 3px 3px 3px 3px; }
        #conteiner #content .portifolio .img-portf:hover {
          border: 3px solid red; }
    #conteiner #content .home {
      width: 90%;
      height: 500px;
      background: #c1c1c1;
      margin-top: 70px;
      border-radius: 5px;
      margin-left: 50px; }
      #conteiner #content .home img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 70px;
        left: 190px; }
    #conteiner #content .contato {
      width: 90%;
      height: 500px;
      background: #c1c1c1;
      margin-top: 70px;
      border-radius: 5px;
      margin-left: 50px; }
      #conteiner #content .contato .block-left {
        width: 400px;
        height: 450px;
        background: transparent;
        display: inline-block;
        position: relative;
        top: 25px;
        left: 20px; }
        #conteiner #content .contato .block-left .form p.titulo {
          font: 700 2.5em Arial;
          margin: 10px 110px;
          color: #005da4; }
        #conteiner #content .contato .block-left .form p.sub-titulo {
          font: 500 1.5em Arial;
          margin: 20px 60px;
          color: #005da4; }
        #conteiner #content .contato .block-left .form p.conteudo {
          font: 500 1.2em Arial;
          margin: 10px 60px;
          color: red; }
      #conteiner #content .contato .block-right {
        width: 425px;
        height: 450px;
        background: transparent;
        display: inline-block;
        position: relative;
        top: 25px;
        left: 25px;
        border-left: 3px solid black; }
        #conteiner #content .contato .block-right .form {
          margin: 50px 50px; }
          #conteiner #content .contato .block-right .form p {
            font: 700 1em Arial;
            color: #005da4;
            margin-top: 6px; }
          #conteiner #content .contato .block-right .form input.text {
            font: 500 1em Verdana;
            color: #000000;
            width: 300px; }
          #conteiner #content .contato .block-right .form input.sub {
            background: #BEBEBE;
            color: #005da4;
            width: 100px;
            height: 20px;
            margin-top: 6px; }
          #conteiner #content .contato .block-right .form textarea {
            resize: none;
            font: 500 1em Verdana;
            color: #000000;
            width: 320px;
            height: 200px; }
      #conteiner #content .contato img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 70px;
        left: 680px; }
    #conteiner #content .restrito {
      width: 90%;
      height: 500px;
      background: #c1c1c1;
      margin-top: 70px;
      border-radius: 5px;
      margin-left: 50px; }
      #conteiner #content .restrito .restr-logoff {
        left: 250px;
        position: relative;
        top: 150px;
        width: 400px; }
        #conteiner #content .restrito .restr-logoff p {
          font: 700 3em Arial;
          color: #005da4; }
        #conteiner #content .restrito .restr-logoff p.sub-titulo {
          font: 500 1.2em Arial;
          color: #005da4; }
        #conteiner #content .restrito .restr-logoff a {
          text-decoration: none;
          color: red; }
      #conteiner #content .restrito img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 70px;
        left: 440px; }
    #conteiner #content .quem-somos {
      width: 90%;
      height: 700px;
      background: #c1c1c1;
      margin-top: 70px;
      border-radius: 5px;
      margin-left: 50px; }
      #conteiner #content .quem-somos img.image {
        width: 350px;
        height: 400px;
        background: #000000;
        margin: 50px 50px;
        border-radius: 4px; }
      #conteiner #content .quem-somos p.titulo {
        font: 700 1.6em Arial;
        color: #005da4; }
      #conteiner #content .quem-somos img.img-ponta {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 70px;
        left: 300px; }

#footer {
  width: 100%;
  height: 20px;
  background: #ffffff;
  margin-top: 350px; }
